1. COLR/CPAL(v0) Font Formats

    The COLR table adds support for multi-colored glyphs in a manner that integrates with the rasterizers of existing text engines. COLRv0 only supports pure colors, does not support gradients, transformations and various blending modes.

  2. COLR/CPAL(v1) Font Formats

    COLRv1 is an improved version of COLRv0, this is also part of the OpenType specification. COLRv1 supports additional graphic capabilities. In addition to solid colors, gradient fills can be used, as well as more complex fills using other graphic operations, including affine transformations and various blending modes.

  3. CSS font-palette

    The font-palette CSS property allows selecting a palette from a color font. In combination with the `@font-palette-values` at-rule, custom palettes can be defined.

  4. CSS font-display

    `@font-face` descriptor `font-display` that allows control over how a downloadable font renders before it is fully loaded.

  5. ui-serif, ui-sans-serif, ui-monospace and ui-rounded values for font-family

    Allows more control when choosing system interface fonts

  6. system-ui value for font-family

    Value for `font-family` that represents the default user interface font.

  7. CSS Font Loading

    This CSS module defines a scripting interface to font faces in CSS, allowing font faces to be easily created and loaded from script. It also provides methods to track the loading status of an individual font, or of all the fonts on an entire page.

  8. Font unicode-range subsetting

    This @font-face descriptor defines the set of Unicode codepoints that may be supported by the font face for which it is declared. The descriptor value is a comma-delimited list of Unicode range (<urange>) values. The union of these ranges defines the set of codepoints that serves as a hint for user agents when deciding whether or not to download a font resource for a given text run.

  9. @font-face Web fonts

    Method of displaying fonts downloaded from websites

  10. WOFF 2.0 - Web Open Font Format

    TrueType/OpenType font that provides better compression than WOFF 1.0.

  11. html element: font: face

  12. svg element: font-face

  13. svg element: font-face-format

  14. svg element: font-face-format: string

  15. svg element: font-face-name

  16. svg element: font-face-name: name

  17. svg element: font-face-src

  18. svg element: font-face-uri

  19. svg element: font-face-uri: xlink:href

  20. svg element: font-face: accent-height

  21. svg element: font-face: alphabetic

  22. svg element: font-face: ascent

  23. svg element: font-face: bbox

  24. svg element: font-face: cap-height

  25. svg element: font-face: descent

  26. svg element: font-face: font-family

  27. svg element: font-face: font-size

  28. svg element: font-face: font-stretch

  29. svg element: font-face: font-style

  30. svg element: font-face: font-variant

  31. svg element: font-face: font-weight

  32. svg element: font-face: hanging

  33. svg element: font-face: ideographic

  34. svg element: font-face: mathematical

  35. svg element: font-face: overline-position

  36. svg element: font-face: overline-thickness

  37. svg element: font-face: panose-1

  38. svg element: font-face: slope

  39. svg element: font-face: stemh

  40. svg element: font-face: stemv

  41. svg element: font-face: underline-position

  42. svg element: font-face: underline-thickness

  43. svg element: font-face: unicode-range

  44. svg element: font-face: units-per-em

  45. svg element: font-face: v-alphabetic

  46. svg element: font-face: v-hanging

  47. svg element: font-face: v-ideographic

  48. svg element: font-face: v-mathematical

  49. svg element: font-face: widths

  50. svg element: font-face: x-height